<template>
  <div>
    <ul class="ul" ref="ul">
      <li v-for="(item,index) in list" :key="item.id">
        <nuxt-link :to="`/detail/?id=${item.id}`">{{ item.title }}</nuxt-link>
      </li>
    </ul>
  </div>
</template>
<script>
  export default {
    data() {
      return {
        list: [
          {id: 1, title: "我的博客导航栏在这里"},
          {id: 2, title: "解自定义布局的实际效果。"},
          {id: 3, title: "但应该将它看作是一个 页面"},
          {id: 4, title: "为错误页面指定自定义的布局"},
        ]
      }
    }
  }
</script>

<style scoped>
  .ul{
    padding-top: 200px;
  }
</style>
